﻿@page "/docs/extensions/datagrid/selection/cell"

<Seo Canonical="/docs/extensions/datagrid/selection/cell" Title="Blazorise DataGrid Cell Selection" Description="Learn Blazorise by the example. Easily select and manage a single cell with the Blazorise DataGrid's cell selection feature." />

<DocsPageTitle Path="Extensions/DataGrid/Selection/Cell">
    Blazorise DataGrid: Cell Selection
</DocsPageTitle>

<DocsPageLead>
    The <Code>DataGrid</Code> allows you to select cells with keyboard or clicks by setting <Code>NavigationMode</Code> to <Code>Cell</Code>
</DocsPageLead>

<DocsPageSection>
    <DocsPageSectionHeader Title="Cell Selecting">
        You can track which cell is selected by binding to the  <Code>SelectedCell</Code> parameter.
    </DocsPageSectionHeader>
    <DocsPageSectionContent FullWidth>
        <DataGridCellSelectionExample />
    </DocsPageSectionContent>
    <DocsPageSectionSource Code="DataGridCellCellSelectionExample" />
</DocsPageSection>

<DocsPageApi>
    <DocsPageApiItem Url="docs/extensions/datagrid/api" Name="<DataGrid />" />
</DocsPageApi>